			.main .main_left{
				float: left;
				width: 597px;
				height: 355px;
			}
			.main .main_right{
				float: right;
				width: 290px;
				height: 355px;
				overflow: hidden;
			}
			.main .main_left .pub_img_box{
				position: relative;
				display: block;
				width: 597px;
				height: 355px;
			}
			.main .main_left img{
				width:597px; 
				height:355px;
				position: absolute;
			}
			.main .main_left .jiantou_left,.main .main_left .jiantou_right{
				display: none;
				position: absolute;
				top: 180px;
				width: 38px;
				height: 38px;
				background-image: url(../img/arrows.png);
				z-index: 200;
			}
			.main .jiantou_left{
				left: 20px;	
			}
			.main .jiantou_right{
				right: 20px;
				background-position-x: -38px;
			}
			.main .main_left .pub_img_box:hover>.jiantou_left,.main .main_left .pub_img_box:hover>.jiantou_right{
				display: block;
			}
			.main .main_right .main_right_box{
				position: relative;
				/*border: 1px solid black;*/
			}
			.main .main_right .main_right_box .img_bg{
				position: absolute;
				top: 0;
				animation: white 10s;
			}
			.main .main_right .main_right_box .img_wbg{
				position: absolute;
				top: 0;
				left: 0;
				z-index: 100;
				animation: move 10s;
			}
			.main .main_right .main_right_box .img_t1{
				position: absolute;
				top: 40px;
				left: -300px;
				z-index: 200;
				animation: move1 5s 2s forwards;
			}
			.main .main_right .main_right_box .img_w1{
				position: absolute;
				top: 110px;
				left: -300px;
				z-index: 300;
				animation: move1 5s 3s forwards;
			}
			
			@keyframes move{
				0%{top:-200px;}
				20%{top:0;}
				80%{top:0;}
				100%{top: -200px;}
			}
			@keyframes move1{
				0%{left: -300px;}
				20%{left: 0;}
				80%{left: 0;}
				100%{left: 300px;}
			}
			@keyframes white{
				0%{opacity: 0;}
				10%{opacity: 1;}
				90%{opacity: 1;}
				100%{opacity: 0;
			}
}